<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="author" content="张涛" />
    <meta name="keywords" content="个人网站，个人作品集，作品集">
    <title>张涛个人网站</title>
    <link rel="stylesheet" href="style.css">
    <link rel="icon" href="GG.png" type="x-icon">
</head>

<body>

    <div class="A">

        <h1 class="logo" id="sou">
            <img src="1.jpg" title="logo" width="60px"> 个人网站
        </h1>
        <div class="menu">
            <ul>
                <li class="active"><a href="index.html">首页</a></li>
                <li><a href="#guanyu">关于</a></li>
                <li><a href="#zp">作品</a></li>

            </ul>
        </div>
    </div>
    <h1 class="a">一个UI界面设计、插画、画册设计的应届毕业生</h1>
    <p class="b">Focus on Design -- Illustration and album design</p>
    </div>
    <div class="B">
        <div class="about">
            <div class="xia">
                <img class="x" src="1.jpg" alt=" ">
            </div>

            <div class="shang ">

                <h1 class="guanyu" id="guanyu">关于我</h1>
                <h1 class="S">ABOUT ME</h1>
                <p class="ss ">姓名：张涛<br>年龄：22岁<br>专注平面设计，UI界面设计，插画设计以及画册设计，具<br>有专业的设计以及作画经验。熟练使用PS，AI,CDR进行设计作画，有丰富的设计<br>经验，能够全面的咨询并完成用户要求的设计内容及喜欢的风格。</p>
            </div>
        </div>

    </div>
    <div class="C">
        <h1 class="HH" id="zp">插画展示</h1>
        <h1 class="CC">Illustration display</h1>
        <div class="chahua">
            <img class="FS" src="封锁-3.jpg" alt="">
            <h1 class="FSH">《封锁》</h1>
            <p class="cc">这张插画是以疫情期间封锁管理为主体创<br>作的，主要是讲述了疫情严重后，进行封<br>城所采取的措施和医护人员的努力情景。
            </p>
        </div>
        <div class="ch">
            <img class="ZJ" src="在家办公-3.jpg" alt="">
            <h1 class="ZJH">《在家办公》</h1>
            <p class="ccc">这张插画是以疫情期间在家里面办公为主题，讲<br>述了疫情时只能在家里办公，而且还开始使用线<br>上直播软件来进行办公和学习。</p>
        </div>
    </div>
    <div class="D">
        <h1 class="DD">画册展示</h1>
        <h1 class="DDD">Album display</h1>
        <div class="hc">
            <img class="fm" src="1p-2p.jpg " alt=" ">
            <img class="fd" src="5p-6p.jpg" alt=" ">
        </div>

        <a class="t" href="t.html">画册详情 →</a>
    </div>
    <div class="E">
        <div class="top">
            <h3>CONTACT</h3>
            <div class="info pure-g">
                <div class="box pure-u-1-4">
                    <img class="dh" src="timg (2).jpg" alt="">
                    <p>联系电话<br>18728456928</p>
                </div>
                <div class="box pure-u-1-4">
                    <img class="qq" src="timg (1).jpg" alt="">
                    <p>QQ邮箱<br>www.2564441826@qq.com</p>
                </div>
                <div class="box pure-u-1-4">
                    <img class="wx" src="timg.jpg" alt="">
                    <p>微信<br>Blank-MiCnc</p>
                </div>

            </div>
        </div>
    </div>

    <div class="bottom">
        Copyright 2023 All Rights Reserved @ 张涛

    </div>
    </div>
    <div class="y">
        <h2>
            <a href="#sou"><img class="gu" src="9.jpg"></a>
        </h2>
    </div>
</body>

</html>